.box-card {
  .supplier-detail {
    .supplier-detail-item {
      font-size: $font_14;
      margin-top: 10px;
      &:first-child {
        margin-top: 0;
      }
      .sdi-title {
        font-weight: bold;
        @include flex(flex-start, center);
        margin-bottom: 20px;
        span {
          display: inline-block;
          width: 10px;
          height: 10px;
          background-color: $theme_font_color;
          border-radius: 50%;
          margin: 0 10px 0 0;
        }
      }
      .el-col {
        margin-bottom: 20px;
        @include flex(flex-start, flex-start);
        .el-image {
          width: 180px;
          margin-right: 42px;
        }
      }
    }
  }
  .reset {
    &:hover {
      background-color: rgba(3,169,142, .8);
      border-color: rgba(3,169,142, .8);
    }
  }
  .el-button {
    width: 78px;
    height: 32px;
  }
  .flex {
    @include flex(space-between, center);
    margin-bottom: 40px;
    margin-top: 26px;
    span {
      color: #000;
    }
  }
  .flex-center {
    @include flex(space-between, center);
    div {
      flex: 1;
      height: 32px;
      line-height: 32px;
      border-radius: 20px;
      border: 1px solid #EEEEEE;
      text-align: center;
      margin-right: 10px;
      cursor: pointer;
      &:last-child {
        margin-right: 0;
      }
      &.active, &:hover {
        background: rgba(3,169,142,0.1);
        border-color: $theme_font_color;
        color: $theme_font_color;
      }
    }
  }
  /deep/.el-form-item__label {
    color: #000;
  }
  .mg-b-50 {
    margin: 50px 0;
  }
}